<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/index.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/login.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/resources/css/slider.css">
<script type="text/javascript"
	src="<%=path%>/resources/js/jquery.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/resources/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/tools.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/index.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/slider.js"></script>
<script>
	function reCheckcode(img) {
		var basePath = $('#basePath').val();
		img.src = basePath + "/view/drawCheckCode?" + Math.random();
	}
</script>
</head>
<body>
	<input type="hidden" name="basepath" id="basePath" value="<%=path%>" />
	<input type="hidden" name="userMes" id="userMes" value="${username }" />
	<input id='temp-data' type='hidden'></input>
	<div class="modal fade" id="login-modal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="demo form-bg">
				<div class="container">
					<div class="col-md-6">
						<form class="form-horizonta">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true" style="margin-right:10px;">&times;</button>
							<span class="heading">用户登录</span>
							<div id="err-mes"
								style="color:orange;margin-bottom:10px;margin-top:-10px"></div>
							<div class="form-group">
								<input type="email" class="form-control" id="username"
									name="username" placeholder="用户名或电子邮件"> <i
									class="fa fa-user"></i>
							</div>
							<div class="form-group help">
								<input type="password" class="form-control" id="password"
									name="password" placeholder="密　码"> <i
									class="fa fa-lock"></i>
							</div>
							<div class="form-group help">
								<input type="text" class="form-control" id="verifyCode"
									name="verifyCode" placeholder="验证码"> <i
									class="fa fa-lock"></i> <img
									style="cursor: pointer;border-radius:3px;float:left;margin-top:20px;"
									id="Verify" alt="点击图片修改验证码" src="<%=path%>/view/drawCheckCode"
									onclick="reCheckcode(this)" />
							</div>
						</form>
						<div class="form-group">
							<button id="login-action" class="btn btn-default">登录</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade tag-bag-modal" id="tag-bag-model" tabindex="-1"
		role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="demo form-bg">
				<div class="container">
					<div class="col-md-6 ">
						<div class="form-horizonta" >
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true" style="margin-right:10px;">&times;</button>
							<h4 class="modal-title" id="myModalLabel">请选择标签包</h4>
							<div class="form-group">
								<a class="btn btn-primary link-bag"
									style="float:left;margin-top:20px;margin-right:18px;" id="bag1">标签包1</a>
								<a class="btn btn-primary link-bag"
									style="float:left;margin-top:20px;margin-right:18px;" id="bag2">标签包2</a>
								<a class="btn btn-primary link-bag"
									style="float:left;margin-top:20px;margin-right:18px;" id="bag3">标签包3</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	    <div class="header">
<%-- 	    <img id="logo" alt="logo" style="float:left;"
					width="100px;" height="50px;"
					src="<%=path%>/resources/image/logo.jpg" /> --%>
	        <div class="top">
	        <c:if test="${not empty username}">
					<div style="padding-top:10px;float:left;">欢迎用户<span> ${username }</span></div>
				</c:if>
	            <ul class="top-btn">
		           <c:if test="${empty username}">
						<li><div class="top-btn1" id="login-btn">登入</div></li>
					</c:if>
					<c:if test="${not empty username}">
						<li><div class="top-btn1" id="logout-btn">退出</div></li>
					</c:if>
					<li><div class="top-btn1" href="#">效果展示</div></li>
	            </ul>
	        </div>
	        <div class="show-mes">
	            
	        </div>
	    </div>
	   <div class="clearfix tags-box">
	   
			<div class="tags">
			
				<ul id="accordion" class="accordion">
				<li>
				    <div class="input-group form-group search">  
					           <input placeholder="搜索标签" type="text" class="form-control"/>  
					                <span class="input-group-btn">  
					                    <button class="btn btn-primary">搜索</button>  
					          </span>  
					</div>
				</li>
					<li >
						<div class="link">
							分类1
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="1">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="2">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="3">标签3</div></li>
						</ul>
					</li>
					<li>
						<div class="link">
							分类2
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="4">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="5">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="6">标签3</div></li>
						</ul>
					</li>
					<li>
						<div class="link">
							分类3
						</div>
						<ul class="submenu">
							<li><div class="show-tag" flag="type1" pos="1" id="7">标签1</div></li>
							<li><div class="show-tag" flag="type1" pos="2" id="8">标签2</div></li>
							<li><div class="show-tag" flag="type1" pos="3" id="9">标签3</div></li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="pre-view">
				<div class="preview">
					<span>目标人群信息预览</span>
				</div>
				<div class="tag-confirm">
					<table class="table">
						<thead style="color:#337AB7">
							<tr>
								<th>标签包</th>
								<th>标签</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="col-md-2"><div class="bag-title">标签包1</div></td>
								<td id='b1' class="tags-td col-md-7"></td>
								<td class="col-md-3"><div class="tag-btn">
										<button class="btn btn-primary con-button">选定</button>
										<button class="btn btn-primary">配置广告</button>
									</div></td>
							</tr>
							<tr>
								<td><div class="bag-title">标签包2</div></td>
								<td id='b2' class="tags-td"></td>
								<td><div class="tag-btn">
										<button class="btn btn-primary con-button">选定</button>
										<button class="btn btn-primary">配置广告</button>
									</div></td>
							</tr>
							<tr>
								<td><div class="bag-title">标签包3</div></td>
								<td id='b3' class="tags-td"></td>
								<td><div class="tag-btn">
										<button class="btn btn-primary con-button">选定</button>
										<button class="btn btn-primary">配置广告</button>
									</div></td>
							</tr>
						</tbody>
					</table>
					<!-- <button class="btn btn-success" style="buttom:10px">新增标签包</button> -->
				</div>
			</div>
		</div>
		<div class="footer">
			<span>版权 所有：xxxx</span>
		</div>
</body>
</html>
